<!DOCTYPE html> 
<html> 
	<head> 
	<title>FordAntitrust Angel Collection #1</title> 
	<meta name="viewport" content="width=device-width, initial-scale=1"> 
	<script src="jquery/jquery-1.7.1.min.js"></script>	
	<link rel="stylesheet" href="jquery/jquery.mobile-1.0.1.min.css" />
	<link rel="stylesheet" href="mobile.css" />
	<script src="jquery/jquery.mobile-1.0.1.min.js"></script>
	<!--<script src="http://maps.google.com/maps/api/js?sensor=true" type="text/javascript"></script>-->
</head> 
<body> 

<!--  page overview -->
<div data-role="page" id="home" >
	<div data-role="header">
		<h1>FordAntitrust Angel Collection #1</h1>
	</div><!-- /header -->
	<div data-role="content">
		<ul class="home"></ul>
		<script type="text/javascript">
			var playListURL = 'http://api.flickr.com/services/rest/?&method=flickr.photosets.getPhotos&api_key=f2ff0e52d2d513e7d55472b7bf0befe4&photoset_id=72157626095543437&format=json&jsoncallback=?';
			$.getJSON(playListURL, function(data) {
				var list_data = "";
				$.each(data.photoset.photo, function(i, item) {
					var photo_thumb = 'http://farm' + item.farm + '.staticflickr.com/' + item.server + '/' + item.id + '_' + item.secret + '_s.jpg';
					var photo_medium = 'http://farm' + item.farm + '.staticflickr.com/' + item.server + '/' + item.id + '_' + item.secret + '_z.jpg'
					list_data += '<li><a href="'+photo_medium+'"><img src="' + photo_thumb + '"></a></li>';
				});
				$(list_data).appendTo(".home");
			});
		</script>
	</div><!-- /content -->
	<div data-role="footer">
		<h4>Powered by Flickr</h4>
	</div><!-- /footer -->
</div><!-- /page -->


</body>
</html>

